<template>

	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li>
					<a href="javascript:history.go(-1)">
						<i class="iconfont">&#xe61e;</i>
					</a>
				</li>
				<li>
					<p>工具</p>
				</li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">

		</div>
		<swiper :list="imgList" :show-dots="false" loop auto :aspect-ratio="0.3" dots-position="right" dots-class="custom-bottom"></swiper>
		<div class="stewardship_title">
			<p>第三方服务</p>
		</div>
		<div class="stewardship_content">
			<ul>
				<li>
					<router-link to="creditinquiry">
						<i class="iconfont col_5">&#xe6ef;</i>
						<p>征信查询</p>
					</router-link>
				</li>
				<li>
					<router-link to="litigation">
						<i class="iconfont col_6">&#xe6ee;</i>
						<p>诉讼查询</p>
					</router-link>
				</li>
				<li>
					<router-link to="blacklist">
						<i class="iconfont col_7">&#xe6ed;</i>
						<p>失信人黑名单</p>
					</router-link>
				</li>
				<li>
					<a href="https://mp.weixin.qq.com/cityservice/search?action=click_layout_tag&keyword=%E7%A4%BE%E4%BF%9D">
						<i class="iconfont col_8">&#xe6f1;</i>
						<p>医社保查询</p>
					</a>
				</li>
				<li>
					<a href="https://mp.weixin.qq.com/cityservice/servicehome?action=get_service&id=393">
						<i class="iconfont col_9">&#xe6f0;</i>
						<p>公积金查询</p>
					</a>
				</li>
			</ul>
		</div>
		<div class="N_line">

		</div>
		<div class="stewardship_title">
			<p>我司服务</p>
		</div>
		<div class="stewardship_content computer">
			<ul>
				<li>
					<router-link to="business">
						<i class="iconfont col_5">&#xe6fc;</i>
						<p>商业贷款计算器</p>
					</router-link>
				</li>
				<!-- <li>
					<router-link to="personal">
					<i class="iconfont col_6">&#xe643;</i>
					<p>个人贷款计算机</p>
					</router-link>
				</li> -->
				<li>
					<router-link to="guarantee">
						<i class="iconfont col_7">&#xe6f7;</i>
						<p>房贷担保费计算器</p>
					</router-link>
				</li>
				<!-- <li>
					<router-link to="repaying">
					<i class="iconfont col_8">&#xe6fb;</i>
					<p>提前还款计算器</p>
					</router-link>
				</li> -->
				<li>
					<a href="http://top.51cfcl.com">
						<img src="@/assets/img/tubiao.png" width="30%" style="margin:auto">
						<p>财富策略</p>
					</a>
				</li>
			</ul>
		</div>
		<div style="height:1.5rem"></div>
	</body>
</template>

<script>
export default {
	data() {
		return {
			imgList: []
		}
	},
	created() {
		this.queryImg()
	},
	methods: {
		queryImg() {
			this.$http.get('/app/index/carousel', {
				params: { page: 'tool' }
			}).then(json => {
				const { code, carousel } = json
				if (code === 0) {
					carousel.forEach(n => {
						this.imgList.push({
							url: n.url,
							img: n.imgPath
						})
					})
				}
			})
		}
	}
}
</script>

<style>
.vux-slider > .vux-indicator,
.vux-slider .vux-indicator-right {
  bottom: -0.5rem !important;
}
</style>
